<%@ page language="java" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<c:set var="titile" value="${gridView.title}"/>
<c:set var="headRows" value="${gridView.headRows}"/>
<c:set var="dataRows" value="${gridView.dataRows}"/>

<html>
<head>
<title>demo1</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<meta http-equiv="Cache-Control" content="no-store"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="0"/>
<link type="text/css" rel="stylesheet" href="${ctx}/js/report/style.css"/>
<script type='text/javascript' src='${ctx}/js/report/report.js'></script>    

</head>
<body>
	<table width="98%" border=0 align="center" cellpadding="0" cellspacing="0" bordercolor="000" class="df" style="width: 98%;height:22px; border-collapse: collapse;" valign="middle">
	<tr>
		<td width="50%" align="center" valign="middle" nowrap="nowrap">
		</td>
		<td align="right">
			<button style="height:22px;" onclick="exportXLS('gridtbody','grid','${user.name}');"><img src="${ctx}/js/report/report.gif" alt="导出" />导出</button>
		</td>
	</tr>
	</table>
			
	<div id='table_container' class='divTc' style='height:94%;'>  <!-- 【注】:这里可以修改表格高度 -->
	<TABLE id='grid' class='tab' cellSpacing=0 cellPadding=0 style='table-layout: auto'>
	  <tbody id="gridtbody">
			<c:forEach var="headRow" varStatus="headRowStatus" items="${headRows}" >
	    <TR class='${headRow.trStyle}'>
	      <c:forEach var="activeCell" varStatus="activeCellStatus" items="${headRow.activeCells}" >
	      <TD class='${activeCell.value1}' rowspan="${activeCell.rowspan}" colspan="${activeCell.colspan}" >${activeCell.value0}</TD>
	      </c:forEach>
	    </TR>
	    </c:forEach>
	
			<c:forEach var="dataRow" varStatus="dataRowStatus" items="${dataRows}" >
	    <TR  background="" onmouseover="this.style.borderColor='#486841';this.style.backgroundColor='#E6F3FC'" onmouseout="this.style.borderColor='Black';this.style.backgroundColor='#ffffff'">
	    	<c:forEach var="activeCell" varStatus="activeCellStatus" items="${dataRow.activeCells}" >
	    	<TD class='${activeCell.value1}' rowspan="${activeCell.rowspan}" colspan="${activeCell.colspan}" >${activeCell.value0}</TD>
	      </c:forEach>
	    </TR>
	    </c:forEach>
		</tbody>
	</table>
	</div>
</body>
</html>
